<div class="pagination-flex">
  <nav aria-label="Page navigation">
    <ul class="pagination pagination-lg">

      <li [class.disabled]="pageInfo.isFirstPage">
        <a aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
      </li>

      <li [class.active]="pageNum == pageInfo.pageNum" *ngFor="let pageNum of pageInfo.navigatepageNums">
        <a (click)="changePage(pageNum)">{{pageNum}}</a>
      </li>

      <li [class.disabled]="pageInfo.isLastPage">
        <a aria-label="Next">
          <span aria-hidden="true">&raquo;</span>
        </a>
      </li>
    </ul>
  </nav>
</div>

